/*Standardize all pages' layout*/
body {
	background: url(images/wood2.jpg);
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color:#000;
}

#resolution{
	/*border: solid 1px #000; /*temp guide*/
	width: 1024px;
	height: auto;
        min-height: 1000px;
        margin-right:auto;
        margin-left:auto;
}

/*HEADER*/

#header {
	/*border: solid 1px #000; /*temp guide*/
	width: 100%;
	height: 20%;
        display: block;
}

/* MENU */

#menu {
    width:100%;
    display:block;
    text-align: center;
    padding:15px;
    margin-top:10px;
}

#menu-item{
    text-align: left;
    width:180px;
    height:auto;
    margin-left: 30px;
    display: inline-block;
}

#menu-item a{
    font-size: 120%;
    text-decoration:none;
    color: black;
    font-weight:bold;
    text-shadow: 0px 1px 2px #fff;
}

#menu-item a:hover{
    font-size: 120%;
    text-decoration:none;
    color: black;
    font-weight: bold;
    text-shadow: 1px 1px 20px #0f0;
}


/*BODY*/


#content {
	/*border: solid 1px #000; /*temp guide*/
	width: 100%;
	height: auto;
        display: block;
}


/*FOOTER*/
#footer {
	/*border: solid 1px #000; /*temp guide*/
	width: 100%;
	height: auto;
        display: block;
}

/* Standard Formatting */

h1{
    font: normal 20px arial, sans-serif;
    color:black;
    width:100%;
    text-indent:10px;
    padding-top:10px;
    padding-bottom: 3px;
    margin-bottom: 0px;
}


h2{
    font: normal 18px arial, sans-serif;
    color:black;
    width:100%;
    text-indent:10px;
    padding-top:10px;
    padding-bottom: 3px;
    margin-bottom: 0px;
}

a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    text-shadow: 0px 1px 2px #000;
    font-size: 120%;
}

/*---------- ANNOUNCEMENT -----------*/
/* modify this as u see fit */
#announcement{
    width:99%;
    background-color: #d6f3df;
    margin:0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    display:block;
}

/*----------  EMPLOYEE PAGE ---------- */

#manage_employee{
    width:480px;
    display: inline-block;
}

#hire_employee{
    width:510px;
    border-left:1px gray dashed;
    border-bottom: 1px gray dashed;
    padding-left:10px;
    padding-bottom:20px;
    height:auto;
    display:inline-block;
    vertical-align: top;
}

/*----------  BID PROJECT PAGE ---------- */

#bid_project{
    width:504px;
    display: inline-block;
}

#bid_outsource_project{
    width:504px;
    border-left:1px gray dashed;
    padding-left:10px;
    padding-bottom:20px;
    height:auto;
    display:inline-block;
    vertical-align: top;
}

/*----------  DASHBOARD PAGE ---------- */

#notification_container{
    width:60%;
    display:block;
}

#current_notification_item{
    width:100%;
    background-color: #e3d4ea;
}

#notification_item{
    width:100%;
    background-color: white;
}

#new_notification{
    float:right;
    width:100px;
}

/*----------  ADMIN PAGE ---------- */

.admin_panel{
    margin:10px;
    padding:10px;
}

.player_table{
    width: 100%;
    
}

#player_panel{
    margin:10px;
}
